<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputStylesheet name="style.css" library="/css" />
</h:head>

<h:body>
	<ui:composition>
		<div class="header">
			<div class="logo header-info">
				<h:graphicImage library="img" name="logo.png" />
			</div>
			<div class="user-info header-info">
				<h:panelGrid columns="2">
					<h:outputLabel for="name" value="Name" />
					<h:outputText id="name" value="{MenuView.name}"></h:outputText>
					<h:outputLabel for="tusk" value="Tusk" />
					<h:outputText id="tusk" value="{MenuView.tusk}"></h:outputText>
				</h:panelGrid>
			</div>
			<div class="menu">
				<p:menubar autoDisplay="false" id="menu">
					<p:submenu label="Catalogs">
					</p:submenu>

					<p:submenu label="Provider">
						<p:menuitem value="Providers" url="#" />
					</p:submenu>

					<p:submenu label="Trademark">
						<p:menuitem value="Trademarks" url="#" />
					</p:submenu>

					<p:submenu label="Collaborator" icon="ui-icon-gear">
						<p:menuitem value="View collaborators" url="#" />
						<p:separator />
						<p:menuitem value="Create new collaborator" url="#" />
						<p:menuitem value="Update collaborator" url="#" />
						<p:menuitem value="Delete collaborator" url="#" />
					</p:submenu>

					<f:facet name="options">
						<p:commandButton type="button" value="#{MenuView.logout}" />
					</f:facet>
				</p:menubar>
			</div>
		</div>
	</ui:composition>
</h:body>
</html>
